import React, { Component } from 'react'

export default class App extends Component {
    a = 800
    render() {
        return (
            <div>
                <input />
                <button onClick={() => { console.log(this.a) }}>click1</button>
                <button onClick={this.handleClick.bind(this)}>不推荐bind写法click2</button>
                <button onClick={this.handleClick2}>click3</button>
                <button onClick={() => { this.handleClick2() }}>推荐写法(传参方便)click3</button>
            </div>
        )
    }

    handleClick() {
        console.log("handleClick",this.a)
    }
    handleClick2 = (event) => { console.log("handleClick2",event) }
    /*
    call 自动执行函数
    apply 自动执行函数
    bind 手动加括号执行函数
    面试点:(react事件绑定和原生绑定的区别)react绑定的不是元素本身，而是通过代理的方式去绑定
    */
}
